<template>
    <div class="mt-4">
        <n-grid :x-gap="12" :cols="1">
            <n-gi>
                <n-card content-style="padding: 0" :bordered="false">
                    <n-tabs type="line" size="large" :tabs-padding="20" pane-style="padding: 20px">
                        <n-tab-pane name="流量趋势">
                            <FluxTrend />
                        </n-tab-pane>
                        <n-tab-pane name="访问量">
                            <VisitAmount />
                        </n-tab-pane>
                    </n-tabs>
                </n-card>
            </n-gi>
        </n-grid>
    </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import FluxTrend from "./FluxTrend.vue";
import VisitAmount from "./VisitAmount.vue";

export default defineComponent({
    components: {
        FluxTrend,
        VisitAmount
    },
    setup() {

        return {}
    }
})
</script>